var countdown = 60;
var utils = require('../../../utils/util.js') 
//获取应用实例
const app = getApp()

Page({
    data: {
        getphone:{
          phone: "",
          code: "",
          disabled: "",
          codemsg: "获取验证码"
        },
        imgcode:'',
        phone:'',
        code:'',
        imgurl:'',
        imgtoken:'',
        phoneFocus:true,
        codeFocus:false,
        hide: true,
        scroll_distance: '-660rpx',
    },
    onShow: function(){
        utils.updateUserinfo();
    },
    onLoad: function (options) {
        this.getImgCode();
    },
    editphone: function (e) {
        this.setData({
            phone: e.detail.value
        })
    },
    editCode: function (e) {
        this.setData({
            code: e.detail.value
        })
    },
    editimgCode:function(e){
        this.setData({
            imgcode: e.detail.value
        })
    },
    //获取图形验证码
    getImgCode:function(e){
        var that = this;
        var data = {
            url:"/zfcom/comcodeimg/getcode"
        };
        utils.request(data).then(function(res){
            if (res.code == 0) {
                that.setData({
                    imgurl:res.data.url
                });
                that.setData({
                    imgtoken:res.data.img_token
                });
            }else{
                wx.showToast({
                    title: '获取图形验证码失败，请重试',
                    icon: 'none',
                    duration: 3000
                })
            }
        });
    },
    //获取手机验证码
    getCode:function(e){
        var that = this;
        var phone = this.data.phone;
        var myreg = /^[1][0-9]{10}$/;
        if (phone == "" || !myreg.test(phone)){
            wx.showToast({
                title: '手机号有误！',
                icon: 'none',
                duration: 3000,
            });
            that.setData({
                phoneFocus:true
            });
            that.setData({
                codeFocus:false
            });
            return false;
        }
        if (this.data.getphone.disabled) {
          return false;
        }
        that.setData({
          hide: false,
        });
        that.scroll_distance();
    },
    bindPhone: function () {
        var that = this;
        var openid = wx.getStorageSync("openId");
        var code = this.data.code;
        var phone = this.data.phone;
        var invitecode = wx.getStorageSync("invitecode");
        if (invitecode===undefined) { invitecode = 0; }
        if (!code){
          wx.showToast({
            title: '请输入短信验证码',
            icon: 'none',
          });
          return false;
        }
        
        var data = {
          url: "/yluser/user/bind",
          openid:openid,
          phone: phone,
          code:code,
          invitecode:invitecode?invitecode:0,
        };
        utils.request(data).then(function (res) {
            if (res.code == 0) {
                wx.showToast({
                    title: '绑定成功',
                    icon: 'none',
                    duration: 3000
                });
                utils.updateUserinfo();
                setTimeout(function(){
                    wx.switchTab({
                          url: "/pages/my/usercenter/index",
                    })
                }, 1000);
            } else {
                that.getImgCode();
                wx.showToast({
                    title: res.msg,
                    icon: 'none',
                    duration: 3000
                });
                utils.updateUserinfo();
                if(wx.getStorageSync("userinfo")){
                    wx.showToast({
                        title: '您的微信号已绑定',
                        icon: 'none',
                        duration: 3000
                    });
                    setTimeout(function(){
                        wx.switchTab({
                              url: "/pages/my/usercenter/index",
                        })
                    }, 1000);
                }
            }
        });
    },

    setTime:function(){//验证码
        var that = this;
        if (countdown == 0) {
            var getphone = this.data.getphone;
            getphone.disabled = "";
            getphone.codemsg = "获取验证码";
            this.setData({
                getphone: getphone
            })
            countdown = 60;
            return false;
        } else {
            var getphone = this.data.getphone;
            getphone.disabled = true;
            getphone.codemsg = "重新发送(" + countdown + ")";
            this.setData({
                getphone: getphone,
            })
            countdown--;
        }
        setTimeout(function () {
            that.setTime();
        }, 1000);
    },
    sendCode: function () {
      var that = this;
      var imgcode = this.data.imgcode;
      var imgtoken = this.data.imgtoken;
      var phone = this.data.phone;
      // if (!imgcode) {
      //   wx.showToast({
      //     title: '请输入图形验证码！',
      //     icon: 'none',
      //     duration: 3000,
      //   });
      //   that.setData({
      //     phoneFocus: false
      //   });
      //   that.setData({
      //     codeFocus: true
      //   });
      //   return false;
      // }

      //验证图形验证码
        var data = {
            url: "/zfcom/comcodephone/getcode",
            type:"bind",
            phone: phone,
            ext:imgcode+','+imgtoken
        };
        utils.request(data).then(function (res) {
            if (res.code == 0) {
                that.close();
                wx.showToast({
                    title: '发送成功',
                    icon: 'none',
                    duration: 3000
                });
                that.setTime();
            } else {
                that.getImgCode();
                wx.showToast({
                    title: res.msg,
                    icon: 'none',
                    duration: 3000
                });
            }
        });
    },
    scroll_distance: function () {
      this.setData({
        scroll_distance: 0
      })
    },
    close: function () {
      this.setData({
        hide: true,
        hide1: true,
        scroll_distance: '-660rpx'
      })
    },
})